<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="../../lib/element-ui/theme-chalk/index.css">
		<link rel="stylesheet" href="../../lib/vxe-table/index.css">
		<link rel="stylesheet" href="../../lib/vxe-table-plugin-element/style.css">
		<link rel="stylesheet" href="../../lib/font-awesome/css/font-awesome.min.css">
		<script type="text/javascript" src="../../lib/vue/vue.js"></script>
		<script type="text/javascript" src="../../lib/xe-utils/xe-utils.js"></script>
		<script type="text/javascript" src="../../lib/element-ui/index.js"></script>
		<script type="text/javascript" src="../../lib/vxe-table/index.js"></script>
		<script type="text/javascript" src="../../lib/vxe-table-plugin-element/index.js"></script>
		<script type="text/javascript" src="../../lib/xlsx/xlsx.full.min.js"></script>
		<script type="text/javascript" src="../../lib/vxe-table-plugin-export-xlsx/index.min.js"></script>
		<script type="text/javascript" src="../../lib/xe-ajax/xe-ajax.js"></script>
		<script type="text/javascript" src="../../static/js/jquery.min.js"></script>
		<script type="text/javascript" src="../../lib/echart/echarts.min.js" charset="utf-8"></script>
		<script type="text/javascript" src="../../lib/layer/layer.min.js"></script>
		<script type="text/javascript" src="../../static/js/MD5/Base64.js"></script>
		<script type="text/javascript" src="../../static/js/MD5/md5.js"></script>
		<script type="text/javascript" src="../../static/js/webApi.js"></script>
		<style type="text/css">
			html,
			body,
			#app,
			.el-container {
				/*设置内部填充为0，几个布局元素之间没有间距*/
				padding: 0px;
				/*外部间距也是如此设置*/
				margin: 0px;
				/*统一设置高度为100%*/
				height: 100%;
			}

			.el-row {
				width: 100%;

				height: 100% &:last-child {
			 	margin-bottom: 0;
				}
			}

			.el-col {
				height: 100%;
			}
		</style>
	</head>

	<body>
		<el-container id="app">
			<el-row>
				<el-col :span="24">
					<el-image style="width: 100%; height: 100%;background: #FFFFFF;" :src="url" :fit="fit" :preview-src-list="srcList"></el-image>
				</el-col>
			</el-row>
		</el-container>
	</body>

	<script type="text/javascript">
		window.onload = function() {
			let main = {
				data() {
					return {
						url: '../../static/img/guzhang.jpg',
						fit: 'scale-down',
						srcList: ['../../static/img/guzhang.jpg']
					}
				},
				created() {

				},
				mounted() {

				},
				watch: {

				},
				methods: {

				}
			};

			vue = Vue.extend(main);
			vue = new vue().$mount('#app');
		}

		function parentSetAvatar(userAvatar) {
			vue.$data.userAvatar = userAvatar;
		}
	</script>

</html>
